<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../css/shouye/Search.css"/>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
		   <ul class="head">
			   	<li class="city" id="city">
			   		<a class="mui-action-back">
			   			<img src="../../img/shouye/icon_back@2x.png"/>
			   		</a>
			   		
			   	</li>		   
			   	<li>
			   		<a>
				   		<img src="../../img/shouye/icon_sousuo_hui@2x.png" alt="" />
				   		<input type="text" placeholder="搜索商品" id="searchBox"/>
			   		</a>
			   	</li>
			   	<li class="sys" id="erweima">
			   		<a href="javascript:;">
			   		   搜索
			   		</a>
			   	</li>			   	
		   </ul>
		</header>
		<div class="mui-content">
		    <p class="tit">历史记录</p>
		    <ul>
		    	<li class="link" data-link="../../html/jiFen_shangCheng/jiaJu_yongPin.html">星巴克</li>
		    	<li class="link" data-link="../../html/jiFen_shangCheng/jiaJu_yongPin.html">火锅</li>
		    	<li class="link" data-link="../../html/jiFen_shangCheng/jiaJu_yongPin.html">空调</li>
		    </ul>
		    <p class="btn">清除搜索历史</p>
		</div>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/jquery-1.7.2.js"></script>
		<script type="text/javascript" src="../../js/common.js" ></script>
		<script type="text/javascript">
			mui.init();
			var shopId=getQueryString('shopId');
			var search=document.getElementById('erweima');
			search.addEventListener('click',function(){
				var searchContent=document.getElementById('searchBox').value;
				console.log(searchContent);

			});
		</script>
	</body>

</html>